.cap {
  &__title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 54px;

    color: #000000;

    position: relative;
    z-index: 999;

    margin: 0;

    &--medium {
      font-size: 38px;
      line-height: 46px;
    }

    @include media-breakpoint-down(md) {
      font-size: 36px;
      line-height: 46px;

      &--medium {
        font-size: 24px;
        line-height: 32px;
      }
    }
  }

  &__image {
    width: 115px;
    height: 115px;

    @include media-breakpoint-down(md) {
      width: 85px;
      height: 85px;
    }
  }

  &__text {
    margin-left: 25px;

    margin-top: 25px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;

    color: #000000;

    position: relative;
    z-index: 999;

    margin: 0;

    &--link {
      margin-left: 0;
      margin-top: 15px;
      color: #000000;

      &:hover,
      &.active {
        color: #000000;
      }
    }
  }
}
